<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link href="resources/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="resources/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="resources/css/style.css" rel="stylesheet">
    <!-- jQuery -->
    <script type="text/javascript" src="resources/js/jquery/jquery-3.1.1.min.js"></script>
    <!-- Bootstrap JS -->
    <script type="text/javascript" src="resources/bootstrap/js/bootstrap.min.js"></script>
</head>
<body style="background-image:url('resources/photo/login.png') ">
<div style="margin: 100px auto 0 auto; width: 1200px; align-content: center">
    <span style="font-size: 80px; font-family:楷体; color: #e7e1ea; padding-left: 100px;">在 线 考 试 系 统 后 台 3.0</span>
</div>
<div class="container"
     style="background-color: #FFFFFF; opacity:0.75; width: 500px; height: 250px; position: relative; top: 100px">
    <div style="height: 50px"></div>
    <form class="form-horizontal" action="/userLogin">
        <div class="form-group">
            <label class="control-label col-md-2" for="username">用户名</label>
            <div class="col-md-9">
                <input type="text" class="form-control" name="userName" id="username">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-2" for="password" style="margin: 30px 0">密码</label>
            <div class="col-md-9" style="margin: 20px 0">
                <input type="password" class="form-control" name="password" id="password">
            </div>
        </div>
        <div class="col-md-9 col-md-offset-3">
            <button id="id-button-submit" type="submit" class="btn btn-info">
                登录
            </button>&emsp;&emsp;&emsp;&emsp;
            <button type="reset" class="btn btn-info">
                重置
            </button>
        </div>
    </form>
</div>
</body>
</html>